$(function(){
    //点击链接切换注册\登录
    $('#reg_link').click(function(){
        $('.reg-box').show().siblings('.login-box').hide();
    })
    $('#login_link').click(function(){
        $('.reg-box').hide().siblings('.login-box').show();
    })

    //自定义校验规则
    layui.form.verify({
        //数组第一项是匹配的正则,第二项是不满足正则的时候报错信息
        pwd:[/^\S{6,12}$/,'密码不能有空格,并且是6到12位'],
        // 密码和确认密码必须一致
        // value用户输入的值
        repwd:function(value){
            //密码的值获取
            if($('.reg-box [name="password"]').val() != value){
                return '密码不一致'
            }
        }
    })

    // 多使用console.log 
    // 看控制台有没有红色的报错
    // 看network

    // 控制台有红色但是不影响
    // 1 chrome插件
    // 2 图标


    var obj = {
        name:'zs',
        age:20 
    }

    // var name = obj.name;
    // var age = obj.age;
    // var {name,age} = obj;//这一行和上面二行是等价的


    // var layer = layui.layer;
    // layui是一个对象,layer是layui的属性
    var {layer} = layui;//解构赋值 和上面43行是一个意思




    //注册的功能 给注册表单监听一个提交事件,阻止默认提交行为,用ajax来实现提交
    $('#reg_form').on('submit',function(e){
        e.preventDefault();//阻止事件默认提交行为
        var username = $('#reg_form [name="username"]').val();//用户名
        var password = $('#reg_form [name="password"]').val()//密码
        $.post('/api/reguser',{username:username,password:password},function(res){
            if(res.status != 0)return layer.msg(res.message)
            layer.msg(res.message);
            //跳转到登录表单 模拟点击
            $('#login_link').click();
        })
    })


    //登录功能 
    $('#login_form').on('submit',function(e){
        e.preventDefault();
        $.ajax({
            method:'post',
            url:'/api/login',
            data:$('#login_form').serialize(),
            success:function(res){
                console.log(res);
                if(res.status != 0)return layer.msg(res.message);
                // token就是门票、超市给的小票
                // 1. 我们去买票的地方,是直接可以访问,不需要票,买完之后,客服就会给我们一张票
                // 2. 我们就要及时存起来,下次去看电影出示一下就可以
                // 我们第一次登录/login的时候,如果用户名和密码写对了,就返回一个token,我们把token
                // 存在本地存储当中
                // 下次访问其他需要token请求,我们就出示一下token就行
                localStorage.setItem('token',res.token);
                //跳转到后台首页
                location.href = '/index.html';
                // token:令牌 凭证
            }
        })
    })
    
})
